.newFriend{
    /*background-color: pink;*/
    padding: .25rem .4rem;
}
.newFriend p{
    font-size: .35rem;
}
.newFriend img{
    width: .25rem;
    height: .25rem;
}
.tabbar2Type{
    /*background-color: skyblue;*/
    padding: .2rem;
}
.typeText{
    font-size: .35rem;
    padding: .1rem .3rem;
    border-radius: .5rem;
    color: #868D97;
}
.typeSelected{
    background-color: #F4F8FB;
    color: #000;
}
.mainFriendItem{
    /*background-color: deeppink;*/
    padding: .2rem .2rem;
}
.mainFriendItemLeft{
    /*background-color: orange;*/
}
.mainFriendItemLeft img{
    width: .15rem;
    height: .15rem;
    margin-right: .15rem;
}
.mainFriendItemLeft p{
    font-size: .35rem;
}
.stateNum{
    font-size: .3rem;
    color: #868D97;
}

.myFriendItem{
    padding: .2rem .2rem;
    /*background-color: orange;*/
}
.myFriendItem img{
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .2rem;
}

.myFriendItemContent .nickName{
    font-size: .5rem;
}
.myFriendItemContent .text{
    font-size: .4rem;
    color: #8c8c8c;
    width: 4.5rem;
}
.state{
    font-size: .4rem;
    color: #8c8c8c;
}